<template>
	<view>
		<!-- 自定义导航栏 -->
		<!-- 自定义导航栏 -->
		<view class="navBarBox">
			<!-- 状态栏占位 -->
			<view class="statusBar" :style="{ paddingTop: statusBarHeight + 'px' }"></view>
			<!-- 真正的导航栏内容 -->
			<view class="navBar">
				<view class="goback">
					<view @click="goBack" class="goicon" style="background:url(../../static/goback.png);background-size:contain;background-repeat: no-repeat;">
					</view>
				</view>
				<view class="title">申报课程</view>
				<view class="right">

				</view>
			</view>
		</view>
		<!-- 页面内容 -->
		<view class="box">
			<!-- 02申报列表，申报课程 -->
			<view class="top"></view>
			<view class="header">
				<view>
					<text>活动信息</text>
				</view>

				<view>
					<text style="font-size:28rpx;">活动名称</text>
					<input type="text" v-model="thisData.courseName" placeholder="请输入活动名称">
				</view>

				<view>
					<text style="font-size:28rpx;">活动类型</text>
					<view>
						<view>{{activtiyType[index]}}</view>
						<picker @change="bindPickerChangeType" :value="index" :range="activtiyType">⮟</picker>
					</view>
				</view>
			</view>

			<!-- <template> -->
			<view class=" changdi">
				<view>
					<text>场地要求</text>
				</view>
				<view>
					<radio-group @change="radioChange" class="changdi1">
						<view class="changdi1-1" v-for="(item, index) in items" :key="item.id" style="transform:scale(0.8)">
							<view>
								<radio :value="item.id" :checked="index === current" color=" #a2f8ee" />
							</view>
							<view>{{item. placeName}}</view>
						</view>
					</radio-group>
				</view>
			</view>
			<!-- </template> -->

			<!-- <template> -->
			<view class="uni-padding-wrap shangkeshijian">
				<view class="uni-title">
					<text>可安排上课时间</text>
				</view>
				<view>
					<radio-group @change="timeChange" class="shangkeshijian1">
						<view class="shangkeshijian1-1" v-for="(item, index) in timeXQ" :key="item.value" style="transform:scale(0.8)">
							<view>
								<radio :value="item.value" :checked="index === current1" color=" #a2f8ee" />
							</view>
							<view>{{item.name}}</view>
						</view>
					</radio-group>
				</view>
			</view>
			<!-- </template> -->

			<view class="shangkexinxi">
				<view>
					<text>上课信息</text>
				</view>
				<view>
					<text style="font-size:28rpx;">上课时间</text>
					<view class="xuanzeshijian">
						<view :class=" bg1[0]?'timeBg':''" @click="bg(0,'9:00-10:00')">
							<text :value='0'>9:00-10:00</text>
						</view>
						<view @click="bg(1,'11:00-12:00')" :class=" bg1[1]?'timeBg':''">
							<text :value='1'>11:00-12:00</text>
						</view>
						<view @click="bg(2,'14:00-15:00')" :class=" bg1[2]?'timeBg':''">
							<text :value='2'>14:00-15:00</text>
						</view>
						<view @click="bg(3,'16:00-17:00')" :class=" bg1[3]?'timeBg':''">
							<text :value='3'>16:00-17:00</text>
						</view>
						<view @click="bg(4,'17:00-18:00')" :class=" bg1[4]?'timeBg':''">
							<text :value='4'>17:00-18:00</text>
						</view>
						<view @click="bg(5,'18:00-19:00')" :class=" bg1[5]?'timeBg':''">
							<text :value='5'>18:00-19:00</text>
						</view>
					</view>

				</view>

				<view>
					<text style="font-size:28rpx;">上课日期</text>
					<view>
						<view>
							<picker mode="date" :value="date" @change="bindDateChange">{{thisData.startDate}}</picker>
						</view>
						<view>
							<picker mode="date" :value="date" @change="bindDateChange1">{{thisData.endTime}}</picker>
						</view>
					</view>
				</view>

			</view>

			<view class="xiaohao">
				<view style="font-size:28rpx;">一周一节课时消耗
					<view>
						<input type='text' style='text-align:center' v-model="thisData.weekCourseExpend" @blur='xiaohaoBlur'>
					</view>
					<text :class="expendststus==true?'phoneright':'phoneErr'">{{expendText}}</text>
				</view>
				<!-- <view style="font-size:28rpx;">最高消耗 <view><input type='text' style='text-align:center' :value="16"></view>
				</view>
				<view style="font-size:28rpx;">最低消耗 <view><input type='text' style='text-align:center' :value="16"></view>
				</view> -->
			</view>

			<view class="shihenianji">
				<view style="font-size:28rpx;">合适年级</view>
				<view>
					<view>{{ageCheck}}</view>
					<picker @change="bindPickerChangeAge" :value="index" :range="age">
						⮟
					</picker>
				</view>

			</view>

			<view class="shouji">
				<view style="font-size:28rpx;">联系手机</view>
				<view>
					<input type="text" v-model="thisData.phone" placeholder="请输入电话号码" @blur="phoneFocus()">
					<text :class="phonestatus==true?'phoneright':'phoneErr'">{{phoneText}}</text>
					<!-- <picker @change="bindPickerChange" :value="index" :range="array">⮟</picker> -->
				</view>

			</view>

			<view class="baoMing">
				<view style="font-size:28rpx;">报名要求</view>
				<view class="uni-textarea">
					<textarea placeholder-style="color:#c1c1c1" placeholder="请输入内容" v-model="thisData.applyRequire" />
					</view>
	 			</view>
	 			
	 			<view class="xueqi">
	 			<view style="font-size:28rpx;">学期</view>
	 			<view>
	 				<input type="text" :value="semester[index]" >
	 				<picker  @change="bindPickerChange" :value="index" :range="semester">⮟</picker>
	 			</view>
	 			</view>
	 			
	 			<view class="renshu">
	 				<view style="font-size:28rpx;">开班人数(人)</view>
	 				<view>
	 				<view><input type='text' style='text-align:center;font-size: 30rpx;'  v-model="thisData.minPersonNum"></view> 
	 				<view>-</view> 
	 				<view><input type='text' style='text-align:center;font-size: 30rpx;'  v-model="thisData.maxPersonNum"></view>
	 				</view>
	 			</view>
	 			
	 			<view class="jieshao">
	 				<view style="font-size:28rpx;">课程介绍</view>
	 				<view class="uni-textarea">
	 					<textarea placeholder-style="color:#c1c1c1" placeholder="请输入内容"  v-model="thisData.courseIntroduce"/>
	 				</view>
	 			</view>
	 			
	 			<view class="fengmian">
	 			<view><text>课程信息</text></view>
	 			<view style="font-size:28rpx;">课程logo</view>
	 			<view @click="imgPicture"><text v-if="obj1">+</text><img :src="thisData.courseLogo" alt="" v-if="obj1Img">
				<view v-if="objRemove" @click="imgRemove()">×</view></view>
				
	 			<view style="font-size:28rpx;">课程封面</view>
	 			<view @click="imgPicture2"><text v-if='obj2'>+</text><img :src="thisData.courseCover" alt="" v-if="obj2Img">
				<view v-if="objRemove2" @click="imgRemove2()">×</view></view>
	 			</view>
	 			
	 			<view class="fanwei">
	 				<view>
	 					<text>发布范围</text>
	 				</view>
	 				<view>
	 				<view style="font-size:28rpx;">选择学校</view>
					<view>
						<!-- <view>{{schoolNR}}</view> -->
						<!-- <picker  @change="bindPickerChange" :value="index" :range="school[index].organizationName"></picker> -->
						<picker @change="bindPickerChange" :value="index" :range-key="'organizationName'" :range="school">>
							<view class="uni-input">{{school[index].organizationName}}</view>
						</picker>
					</view>
	 				</view>
	 			</view>
	 			
	 			<view class="bottom">
	 			<button type="default" hover-class="button-hover" @click="submit">提交审核</button>
	 			</view>
	 		</view>
	 	</view>
	
</template>

<script>
	export default {
		data() {
			const currentDate = this.getDate({
			            format: true
			        })
			return {
				
				bg1: [false,false,false,false,false,false],
				thisData:{
					  applyFlag: "",
					  applyOrgId: 1,
					  applyRequire: "",
					  courseCover: "",
					  courseIntroduce: "",
					  courseLogo: "",
					  courseName: "",
					  courseType: 0,
					  createDate: "",
					  endTime: currentDate,
					  fitGrade: 0,
					  id: 0,
					  siteCode:1,
					  maxPersonNum: 0,
					  minPersonNum: 0,
					  phone: null,
					  startDate: currentDate,
					  time: [
					      {
					        appointWeek: 0,
					        teachingTime: 0
					      }
					    ],
					  updateDate: "",
					  weekCourseExpend: 0,
					  organizationId:0
					  },
				// 状态栏高度
				statusBarHeight: 0,
				// 导航栏高度
				navBarHeight: 82+11, 
				//下拉
				  title: 'picker',
				  array: ['美国', '中国', '巴西', '日本'],
				  activtiyType:['兴趣爱好', '巩固提高'],
				  index: -1,
				  date: currentDate,
				  date1:currentDate,
				  time: '12:01',
				//合适年纪
				age:[],
				ageCheck:'',
				//学期选择
				semester:['上期','下期'],
				//选择图片显示隐藏
				obj1:true,
				obj2:true,
				obj1Img:false,
				obj2Img:false,
				objRemove:false,
				objRemove2:false,
				//活动场地单选框
				 items: [],
				current: 0,
				//周时的时间段
				weeksTime:[
					{
					appointWeek: 0,
					teachingTime: []
					}
				],
					//时间选择
					timeXQ:[{
							value: '0',
							name: '周一'
						},
						{
							value: '1',
							name: '周二',
							checked: 'true'
						},
						{
							value: '2',
							name: '周三'
						},
						{
							value: '3',
							name: '周四'
						},
						{
							value: '4',
							name: '周五'
						},
						{
							value: '5',
							name: '周六'
						},
						{
							value: '6',
							name: '周日'
						},
						],
						current1: 0,
						//选择学校
						name1:'',
						school:[],
						schoolNR:'',
						//选择时间段
						timeArr:[],
						bg2:[],
						indexTime:null,
						timeJosn:{
							
						},
						//手机号判断
						phoneText:'',
						phonestatus:null,
						//课时消耗判断
						expendText:'',
						expendststus:null,
						//本地储存
						techerDate:null,
						User:null,
			}
		},
		
		methods: {
			//正则判断
			//课时消耗
			xiaohaoBlur(){
				const regMobile = /^[0-9]*$/;
				if(regMobile.test(this.thisData.weekCourseExpend)){
				 this.expendText='✔正确'
				 this.expendststus = true
				}else{
				 this.expendText='❌请输入正确格式';
				 this.expendststus = false
				}
			},
			//手机号
			phoneFocus(){
				 const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;
				 if(regMobile.test(this.thisData.phone)){
					 this.phoneText='✔手机号正确'
					 this.phonestatus = true
				 }else{
					 this.phoneText='❌手机号错误';
					 this.phonestatus = false
				 }
			},
			//提交审核
			submit(){
				this.thisData.time=[]
				for(let i=0;i<this.weeksTime.length;i++){
					for(let j=0;j<this.weeksTime[i].teachingTime.length;j++){
						this.thisData.time.push({
							appointWeek: this.weeksTime[i].appointWeek,
							teachingTime:this.weeksTime[i].teachingTime[j]	
						})
					}
				}
				console.log(this.thisData)
				if(this.phonestatus == true && this.expendststus == true && this.thisData.time.length>0){
					uni.showToast(
						{
							title:'添加成功',
							duration: 1000
						})
					this.$myRequest({
					    url: '/admin/course/applyCourse/',
						method:'post',
						data:this.thisData,
					    success: (res) => {
							
							uni.navigateTo({
								url:'./courseAddList?id='+this.User.orgId
							})
							
					        
					    },		
					});
				}else if(this.thisData.time.length==0){
					uni.showToast(
						{
							title:'课时没选',
							duration: 1000
						})
							return
				}else{
					uni.showToast(
						{
							title:'请输入正确格式',
							duration: 1000
						})
							return
				}
				
			
			},
			//添加周时和上课时间
			weeksTimes(){
				this.weeksTime=[];
				for(let i=0;i<this.timeXQ.length;i++){
					this.weeksTime.push(
					{
					 appointWeek: this.timeXQ[i].value,
					 teachingTime: []	
					}
					)
				}
				// console.log(this.weeksTime)
			},
			//选择上课时间按钮
			bg(obj){
				// console.log(obj)
				
				
				this.indexTime=obj;
				this.bg1[obj]=!this.bg1[obj];
				
				for(let j=0;j<this.weeksTime.length;j++){
					if(this.current1==this.weeksTime[j].appointWeek){
						if(this.bg1[obj]==true){
							this.weeksTime[j].teachingTime.push(obj);
						}
						if(this.bg1[obj]==false){
							for(let i=0;i<this.weeksTime[j].teachingTime.length;i++){
								if(this.weeksTime[j].teachingTime[i]==obj){
									this.weeksTime[j].teachingTime.splice(i,1)
								}
							}
						}
					}
				}
				
				
				// console.log(this.weeksTime)
				// console.log(this.thisData.time)
				
			
			},
			
			// 返回上一级的
			goBack(){
				// 此处是写返回页面的方法、
							
				uni.navigateBack({
				    delta: 1//返回只上一级页面
				});
			},
			//合适年纪
			checkAge(){
				for(let i=1;i<21;i++){
					this.age.push(i)
				}
				// console.log(this.age)
			},
			//合适年纪选择器
			bindPickerChangeAge: function(e) {
				// console.log('picker发送选择改变，携带值为', e.target.value)
				this.index = e.target.value
				// console.log('name', e.target)
				this.ageCheck=this.age[this.index]
				this.thisData.fitGrade=this.ageCheck
			},
	
			//日期选择器
			 bindDateChange: function(e) {
				this.thisData.startDate = e.target.value
			     },
			bindDateChange1: function(e) {
				this.thisData.endTime = e.target.value
			    },	 
			//时间选择器
			bindTimeChange: function(e) {
				this.time = e.target.value
				},
				 getDate(type) {
					const date = new Date();
					let year = date.getFullYear();
					let month = date.getMonth() + 1;
					let day = date.getDate();
		
					if (type === 'start') {
						year = year - 60;
					} else if (type === 'end') {
						year = year + 2;
					}
					month = month > 9 ? month : '0' + month;;
					day = day > 9 ? day : '0' + day;
					return `${year}-${month}-${day}`;
				},
			//选择类型
			bindPickerChangeType:function(e){
				this.index = e.target.value
				if(this.index==0){
					this.thisData.courseType=1
				}else if(this.index=1){
					this.thisData.courseType=2
				}
				console.log(e.target)
			},
			
			//下拉选择
			 bindPickerChange: function(e) {
			            // console.log('picker发送选择改变，携带值为', e.target.value)
			            this.index = e.target.value
						console.log('name', e.target)
						this.name1=this.array[this.index]
						
			        },
			//选择学校
			bindPickerChange: function(e) {
			           // console.log('picker发送选择改变，携带值为', e.target.value)
			          this.index = e.target.value
					  
					   // let a=e.target.value
					   // this.placeId=this.getPlaces[a].id
						//console.log('name', e.target)
						// this.schoolNR=this.school[this.index]
						this.thisData.organizationId=this.school[this.index].id
						console.log(this.thisData.organizationId,'打印')
			       },
			//场地单选框选择
			 radioChange: function(evt) {
			            for (let i = 0; i < this.items.length; i++) {
			                if (this.items[i].id === evt.target.value) {
			                    this.current = i;
			                    break;
			                }
			            }
						// console.log(evt.target.value)
						
						this.thisData.siteCode=evt.target.value
			        },
			    
			//星期单选框
			timeChange: function(evt) {
			           for (let i = 0; i < this.timeXQ.length; i++) {
			               if (this.timeXQ[i].value === evt.target.value) {
			                   this.current1 = i;
			                   break;
			               }
			           }
						// console.log(this.current1)
						// if(this.weeksTime[current1].appointWeek==current1){}
							if(this.weeksTime[this.current1].teachingTime.length==0){
								this.bg1 = [false,false,false,false,false,false]
							}else{
								this.bg1 = [false,false,false,false,false,false]
								for(let i=0;i<this.weeksTime[this.current1].teachingTime.length;i++){
									this.bg1[this.weeksTime[this.current1].teachingTime[i]]=true
								}
							}
						
						
						
			       },
			  // //文本域
			  //  bindTextAreaBlur: function (e) {
			  //             console.log(e.detail.value)
			  //         },
				//选择图片接口
				imgPicture:function(){
					uni.chooseImage({
						count: 6, //默认9
						sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
						sourceType: ['album'], //从相册选择
						success: (res) =>{
							console.log(JSON.stringify(res.tempFilePaths));
							this.thisData.courseLogo=res.tempFilePaths[0];
							this.obj1=false,
							this.objRemove=true,
							this.obj1Img=true
							
						}
					});
				},
				imgPicture2:function(){
					uni.chooseImage({
						count: 6, //默认9
						sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
						sourceType: ['album'], //从相册选择
						success: (res) =>{
							console.log(JSON.stringify(res.tempFilePaths));
							this.thisData.courseCover=res.tempFilePaths[0];
							this.obj2=false,
							this.objRemove2=true,
							this.obj2Img=true
							
						}
					});
				},
				//删除图片
				imgRemove(){
					this.thisData.courseLogo=[];
					this.obj1=true,
					this.objRemove=false,
					this.obj1Img=false
				},
				imgRemove2(){
					this.thisData.courseCover=[];
					this.obj2=true,
					this.objRemove2=false,
					this.obj2Img=false
				},
				
				check:function(){
					this.$myRequest({
					    url: '/admin/course/findOrganization/'+this.thisData.applyOrgId,
					    success: (res) => {
					        console.log(res.data,'dataa=name');
							for(let i=0;i<res.data.data.length;i++){
								this.school.push(res.data.data[i])
							}
							
					    }
					});
				},
				
				site:function(){
					this.$myRequest({
					    url: '/admin/course/findPlace/'+this.thisData.applyOrgId,
					    success: (res) => {
					        // console.log(res.data);
							this.items=[];
							this.items=res.data.data
					    }
					});
				}
				
			},
			created() {
					//获取手机状态栏高度
					this.statusBarHeight = uni.getSystemInfoSync()['statusBarHeight'];
					this.User=uni.getStorageSync('schAdminConfirmData')
					this.techerDate=uni.getStorageSync('techerData')
				},
			onLoad(option) {
				// console.log('id',option)
					// this.thisData.applyOrgId=option.id
					// console.log(this.thisData.applyOrgId,'id')
				},
			mounted(){
					console.log(this.thisData.applyOrgId),
					this.checkAge(),
					this.check(),
					this.site(),
					this.weeksTimes()
					
				}
		}
		
</script>

<style lang="less">
	// 导航标题
	.navBarBox {}
	
		.navBarBox .statusBar {}
	
		.navBarBox .navBar {
			padding: 3rpx 50rpx;
			padding-bottom: 8rpx;
			display: flex;
			justify-content: space-between;
			line-height: 93rpx;
			font-size: 40rpx;
		}
	
		.goback {
			flex: 1;
			height: 100%;
		}
		.goicon{
			width: 30rpx;
			height: 30rpx;
			background-color: #00BEA9;
			margin-top: 30rpx;
		}
		.title {
			flex: 1;
			height: 100%;
		}
		.right{
			flex: 1;
		}
	.box{
		padding-left: 28rpx;
	}
	.top{
		width: 100%;
		height: 20rpx;
		background: #fafafa;
	}
	.header{
		// height: 240rpx;
	}
	.header>view:nth-child(1){
		margin-top: 20rpx;
		width: 160rpx;
		height: 24rpx;
		background: #a2f8ee;
		display: flex;
		align-items: center;
		justify-content: center;
		text{
			font-size: 36rpx;
		}
		
	}
	.header>view:nth-child(2){
		width: 100%;
		border-bottom: 1rpx solid #d3d3d3;
		margin-top: 50rpx;
		height: 124rpx;
		font-size: 32rpx;
		input{
			margin-top: 20rpx;
		}
	}
	.header>view:nth-child(3){
		height: 125rpx;
		margin-top: 8rpx;
		font-size: 32rpx;
		&>view{
			display: flex;
			justify-content: space-between;
			align-items: center;
			picker{
					text-align: right;
					margin-right: 20rpx;
				}
		}
		picker{
			text-align: right;
			line-height: 70rpx;
			margin-right: 20rpx;
		}
		border-bottom: 1rpx solid #d3d3d3;
	}
	.changdi{
		border-bottom:1rpx solid #d3d3d3;
		height: 368rpx;
	}
	.changdi>view:nth-child(1){
		width: 160rpx;
		height: 24rpx;
		margin: 50rpx 0;
		background: #a2f8ee;
		display: flex;
		align-items: center;
		justify-content: center;
		text{
			font-size: 36rpx;
		}
	}
	.changdi>view:nth-child(2){
		
		.changdi1{
			height: 200rpx;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			align-content:  space-between;
		.changdi1-1{
				display: flex;
				width: 230rpx;
			}
		}
	}
			
			
			
		
	//上课时间选择	
	.timeBg{
		background: #a2f8ee !important;
	}
	.shangkeshijian{
		border-bottom: 1rpx solid #d3d3d3;
		.shangkeshijian1{
			height: 256rpx;
			display: flex;
			justify-content: flex-start;;
			flex-wrap: wrap;
			align-content:  space-around;
			.shangkeshijian1-1{
				display: flex;
				width: 150rpx;
			}
		}
	}
	.shangkeshijian>view:nth-child(1){
		margin-top: 35rpx;
		width: 280rpx;
		height: 24rpx;
		background: #a2f8ee;
		display: flex;
		align-items: center;
		justify-content: center;
		text{
			font-size: 36rpx;
		}
	}
	.shangkexinxi>view:nth-child(1){
		margin-top: 35rpx;
		width: 160rpx;
		height: 24rpx;
		background: #a2f8ee;
		display: flex;
		align-items: center;
		justify-content: center;
		text{
			font-size: 36rpx;
		}
		margin-bottom: 50rpx;
	}
	.shangkexinxi>view:nth-child(2){
		border-bottom:1rpx solid #d3d3d3 ;
		&>view{
			width: 660rpx;
			display: flex;
			justify-content: space-between;
			align-content:space-around;
			 flex-wrap:wrap;
			margin-left: 30rpx;
			view{
				width: 326rpx;
				height: 56rpx;
				background: #efedee;
				border-radius: 15rpx;
				text-align: center;
				margin-left: 10rpx;
				font-size: 30rpx;
				line-height: 56rpx;
				margin: 35rpx 0;
				display: flex;
				justify-content: center;
			}
		}
	}
	.shangkexinxi>view:nth-child(3){
		border-bottom:1rpx solid #d3d3d3 ;
		margin-bottom: 30rpx;
		&>view{
			width: 660rpx;
			display: flex;
			justify-content: space-between;
			margin-left: 30rpx;
			view{
				width: 326rpx;
				height: 56rpx;
				background: #efedee;
				border-radius: 15rpx;
				text-align: center;
				margin-left: 10rpx;
				font-size: 30rpx;
				line-height: 56rpx;
				margin: 35rpx 0;
				display: flex;
				justify-content: center;
				
			}
		}
	}
	.xiaohao{
		border-bottom: 1rpx solid #d3d3d3;
		view{
			display: flex;
			align-items: center;
			line-height: 70rpx;
			text{
				width: 250rpx;
				text-align: right;
			}
			view{
				width: 176rpx;
				height: 56rpx;
				background: #efedee;
				border-radius: 15rpx;
				font-size: 28rpx;
				line-height: 56rpx;
				margin-left: 30rpx;
				justify-content: center;
				
			}
		}
	}
	.shihenianji{
		height: 130rpx;
		border-bottom: 1rpx solid #d3d3d3;
		flex-direction: column;
		view:nth-child(1){
			margin-top: 24rpx;
		}
		view:nth-child(2){
			display: flex;
			justify-content: space-between;
			align-items: center;
			view{
				margin-left: 30rpx;
			}
			picker{
				text-align: right;
				margin-right: 20rpx;
			}
		}
	}
	.shouji{
		// height: 125rpx;
		border-bottom: 1rpx solid #d3d3d3;
		view:nth-child(1){
			margin-top: 20rpx;
		}
		view:nth-child(2){
			display: flex;
			justify-content: space-between;
			margin-top: 30rpx;
			
		}
	}
	.baoMing{
		height: 300rpx;
		border-bottom: 1rpx solid #d3d3d3;
		padding: 0 30rpx 0 0;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		&>view:nth-child(1){
			// margin-top: 25rpx;
			// margin-bottom: 30rpx;
			
		}
		.uni-textarea{
			border: 1rpx solid #d3d3d3;
			font-size: 30rpx;
			padding: 5rpx;
			
			textarea{
				width: 688rpx;
				height: 178rpx;
			}
		}
		
	}
	.xueqi{
		height: 130rpx;
		border-bottom: 1rpx solid #d3d3d3;
		display: flex;
		flex-direction:column;
		justify-content: center;
		
		&>view:nth-child(2){
			display: flex;
			justify-content:  space-between;
			input{
				margin-top: 10rpx;
			}
			picker{
				margin-right: 20rpx;
			}
		}
		
	}
	.renshu{
		height: 186rpx;
		border-bottom: 1rpx solid #d3d3d3;
		display: flex;
		flex-direction:column;
		justify-content: space-around;
		&>view:nth-child(2){
			display: flex;
			justify-content: space-around ;
			width: 500rpx;
			
			view:nth-child(1){
				width: 176rpx;
				height: 56rpx;
				background: #efedee;
				border-radius: 15rpx;
				text-align: center;
				display: flex;
				align-items: center;
			}
			view:nth-child(3){
				width: 176rpx;
				height: 56rpx;
				background: #efedee;
				border-radius: 15rpx;
				text-align: center;
				display: flex;
				align-items: center;
			}
		}
	}
	.jieshao{
		height: 300rpx;
		padding: 0 30rpx 0 0;
		border-bottom: 1rpx solid #d3d3d3;
			display: flex;
			flex-direction:column;
			justify-content: space-around;
		.uni-textarea{
			border: 1rpx solid #d3d3d3;
			font-size: 30rpx;
			padding: 5rpx;
			textarea{
				width: 688rpx;
				height: 178rpx;
			}
		}
	}
	.fengmian{
		border-bottom: 1rpx solid #d3d3d3;
		height: 710rpx;
		display: flex;
		flex-direction:column;
		justify-content: space-around;
		view:nth-child(1){
			margin-top: 20rpx;
			width: 160rpx;
			height: 24rpx;
			background: #a2f8ee;
			display: flex;
			align-items: center;
			justify-content: center;
			text{
				font-size: 36rpx;
			}
		}
		view:nth-child(3){
			display: flex;
			align-items: center;
			justify-content: center;
			width: 184rpx;
			height: 184rpx;
			border: 3rpx dashed #8F8F94;
			margin-left: 130rpx;
			position: relative;
			text{
				text-align: center;
			}
			img{
				width: 184rpx;
				height: 184rpx;
			}
			view{
				width: 35rpx;
				height: 35rpx;
				color: #FFFFFF;
				background:#a2f8ee;
				border-radius: 50%;
				line-height: 35rpx;
				text-align: center;
				position: absolute;
				right: -17rpx;
				top: -17rpx;
				font-size: 30rpx;
			}
		}
		view:nth-child(5){
			display: flex;
			align-items: center;
			justify-content: center;
			width: 184rpx;
			height: 184rpx;
			border: 3rpx dashed #8F8F94;
			margin-left: 130rpx;
			position: relative;
			text{
				text-align: center;
			}
			img{
				width: 184rpx;
				height: 184rpx;
			}
			view{
				width: 35rpx;
				height: 35rpx;
				color: #FFFFFF;
				background:#a2f8ee;
				border-radius: 50%;
				line-height: 35rpx;
				text-align: center;
				position: absolute;
				right: -17rpx;
				top: -17rpx;
				font-size: 30rpx;
			}
		}
	}
	.fanwei{
		height: 246rpx;
		display: flex;
		flex-direction:column;
		justify-content: space-around;
		border-bottom: 1rpx solid #d3d3d3;
		&>view:nth-child(1){
			margin-top: 20rpx;
			width: 160rpx;
			height: 24rpx;
			background: #a2f8ee;
			display: flex;
			align-items: center;
			justify-content: center;
			text{
				font-size: 36rpx;
			}
		}
		&>view:nth-child(2){
			&>view:nth-child(2){
				margin-top:20rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				picker{
						text-align: right;
						margin-right: 20rpx;
					}
				}
			}
			
	}
	.bottom{
		height: 240rpx;
		background: #fafafa;
		margin-top: 56rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		button {
			color: #fff;
			background-color: #2db3fe;
			box-shadow: 0 0 30rpx 3rpx rgba(180,226,251);
			font-size: 34rpx;
			width: 230rpx;
			height: 70rpx;
			line-height: 70rpx;
		}	
	}
			.button-hover[type="default"] {
						color: #fff;
						background-color: #118ace;
			}
	.phoneright {
		color: #a2f8ee;
		font-size: 26rpx;
	}
	.phoneErr {
		color: #aa0000;
		font-size: 26rpx;
	}	
</style>
